<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>建筑猎聘兼职页面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/style/map-10925a5ecc.css" rel="stylesheet">
    <link href="/dist/style/contact-f269583045.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="h_first">
        <div class="f_left">
            <a href="javascript:;">
                <img src="/dist/images/logo_lp.png">
            </a>
            <span>
                           中国建筑界最大的人才数据库平台
                                <br>
                           已有<em>18000</em>位建筑业的中高端人才加入了这个平台
                       </span>
        </div>
        <div class="f_right">
            
          <ul class="nav nav-pills">
            <li class="actives active"><a href="javascript:;">首页</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                职位管理 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">已发布</a></li>
                <li><a href="javascript:;">已上架</a></li>
                <li><a href="javascript:;">审核中</a></li>
                <li><a href="javascript:;">审核失败</a></li>
                
                
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                收藏夹 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">人才收藏</a></li>
                <li><a href="javascript:;">新闻收藏</a></li>
              
              </ul>
            </li>
      
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                简历管理 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">搜索简历</a></li>
                <li><a href="javascript:;">全职简历</a></li>
                <li><a href="javascript:;">兼职简历</a></li>
                
               
              </ul>
            </li>
            <li class="use">
              <img class="useImg" src="/dist/images/headerImg.png">
              <div class="mes" style="display:none">
                <div class="mess">
                  <div class="cd1">
                    <ul> 
                      <li>
                        <img class="touxiang" src="/dist/images/headerImg.png">
                      </li>
                      <li>
                        <p>网络科技有限公司</p>
                        <p>2018-11-11  到期</p>
                      </li>
                      <li>
                         <span>黄金会员</span>
                         <p><a href="javascript:;">会员权益 ></a></p>
                      </li>
                    </ul>
                  </div>
                  <div class="cd2">
                    <div class="li">
                      <p><img src="./dist/images/ioc1.png"></p>
                      <a href="javascript:;">企业信息</a>
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc2.png"></p>
                      <a href="javascript:;">账户安全</a>
                     
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc3.png"></p>
                      <a href="javascript:;">资产信息</a>
                    
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc4.png"></p>
                      <a href="javascript:;">消息中心</a>
                     
                    </div>
                  </div>
                  <div class="cd3">
                    <a href="javascript:;">退出登录</a>
                  </div>
                </div>
              </div>
               
            </li></ul></div>
          
            
          
    </div> 

    <div class="count">
            <div class="detal contact">
      
               <div class="inform">
                 
                 <span class="mes"><img src="/dist/images/icon1.png"> Sunyuklong先生，系统检测到您的账户内还有 10 职位数未使用，是时候该主动出击发布职位寻找合适候选人～ ！<a href="javascript:;">立即使用</a></span>
               </div>
              
               <div class="nav">
                 <a href="javascript:;" class="company">企业信息</a>
                 <a href="javascript:;" class="message">联系人信息</a>
                 <a href="javascript:;" class="safty active">账户安全</a>
               </div>
               
               <div class="input old">
                 <div class="left">
                   旧密码
                 </div>
                 <div class="right">
                   <p class="ts0"><input type="password" class="form-control" placeholder="请输入旧密码"> 互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。</p>
                   
                  </div>
                 
               </div>
               <div class="input new">
                  <div class="left">
                    新密码
                  </div>
                  <div class="right">
                      <p class="ts0"><input type="password" class="form-control" placeholder="请输入新密码"> </p>
                    
                   </div>
                  
               </div>
               <div class="input con">
                  <div class="left">
                    再次输入新密码
                  </div>
                  <div class="right">
                      <p class="ts0"><input type="password" class="form-control" placeholder="请再次输入新密码"> </p>
                      <div class="tx">
                          <em>*</em>密码修改成功后会强制退出，需要使用新密码重新登录，请谨慎操作。
                        </div>
                   </div>
                  
               </div>

        
              <div class="btnPull">
                <button type="button" class="btn btn-primary pullP">提交修改</button>
                <button type="button" class="btn btn-default">返回</button>
              </div>
            </div>
          
          </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="/dist/js/com.js"></script>

    <script>
  
  
        $(function(){
            let big = $('.use .mes');
            let use = $('.useImg');
            use.mouseenter(()=>{
                big.show();
            });
            big.mouseleave(()=>{
                big.hide();
            });
        
           $('.pullP').click(function(){

                var old = $('.old input');
                var news = $('.new input');
                var con = $('.con input');


             

                if(old.val()!='111111'){
                  smallHint (old,'bottom','旧密码不正确',3000)
                }else if(/^[0-9]+$/.test(news.val())){
                  smallHint (news,'bottom','密码不能是纯数字',3000)
                }else if(news.val().length<6){
                  smallHint (news,'bottom','新密码不能小于6位数',3000)
                }else if(news.val()!=con.val()){
                  smallHint (con,'bottom','两次密码输入不一致',3000)
                }else{
                  bigestHint('密码修改成功！','页面两秒后进行跳转','success',3000)
                }
       
           }) 
        })  
 
    </script>


</body>
</html>